<!-- 商铺：公司简介 -->
<template>
<section class="intro">
    <div class="wCen" v-if="companyInfo">
        <div class="card">
            <p class="titlePage">{{$t("exhibitor-detail-company-t1")}}</p>
            <div v-html="companyInfo.companyDesc" class="contentHtml"></div>
        </div>
    </div>
</section>
</template>

<script>
export default {
    computed: {
        companyInfo() {
            return this.$store.state.seo.pageContent
        },
    },
}
</script>

<style lang="scss" scoped>
.intro {
    padding-bottom: 100px;
}
</style>
<style lang="scss" scoped>
@media (min-width:768px) and (max-width:1570px) {
    .intro {
        padding-bottom: 70px;
    }
}
</style>

<style lang="scss" scoped>
@media (max-width:767px) {
    .intro {
        padding-bottom: 50px;
        background-color: #F6F7F8;

        .card {
            border-radius: 20px;
            background-color: #fff;
            overflow: hidden;
            padding: 20px;
        }
    }
}
</style>
